<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-itunes-app" content="app-id=591578609">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="description" content="德瑞姆网校" />
<meta name="keywords" content="德瑞姆网校、心理学、考试" />

<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="style/h_index.css">
<link rel="stylesheet" type="text/css" href="style/home_style.css">
<link rel="stylesheet" type="text/css" href="style/alxx.css">
<link rel="stylesheet" type="text/css" href="style/kczx.css">
<link rel="stylesheet" type="text/css" href="style/kszn.css">
<link rel="stylesheet" type="text/css" href="style/tzgg.css">

<!-- 分页使用 -->
<link rel="stylesheet" type="text/css" href="style/simplePagination.css">
<!-- 分页使用 -->

<!--[if IE 7]>
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->

<script type="text/javascript" src="js/m.js"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.slideBox.min.js" type="text/javascript"></script>
<script src="js/jsrender.js" type="text/javascript"></script>


<!-- 分页使用 -->
<script src="js/jquery/plugin/jquery.simplePagination.js"
	type="text/javascript"></script>
<!-- 分页使用 -->


<script type="text/javascript">  
<!--   
    jQuery(function(){  
        
    });  
//-->  
</script>  



<title>德瑞姆家园</title>

<style type="text/css">
a {
	color: #111;
}
</style>




<script id="UserTemplate" type="text/x-jsrender">
               <div>
                        <p>{{:#index+1}}: 姓名:{{:Name}} &nbsp 年龄:{{:age}}</p>
                        <ul>
                         {{for Friends tmpl='#FriendTemplate'/}}
                        </ul>
                <div>
 </script>


<script id="FriendTemplate" type="text/x-jsrender">
        <li>{{:Name}}</li>
</script>
 

 
<div id="div_Mother"></div> <!-- 功能1 用jquery模板显示加载的数据 -->
<a href="#" id = "go">上一篇文章</a> <!-- 功能2 jquery选择连接 加载文章数据 -->
<script type="text/javascript">
    
    
        var data = [{ "Name": "许当麻", "Age": 29, "Friends": [{ "Name": "朋友 1-1", "Age": 18, "Friends": null }, { "Name": "朋友 1-2", "Age": 34, "Friends": null }] }, { "Name": "不二当", "Age": 27, "Friends": [{ "Name": "朋友 2-1", "Age": 19, "Friends": null }, { "Name": "朋友 2-2", "Age": 19, "Friends": null }] }];
        var data1 = [{ "Name": "许当麻111", "Age": 291, "Friends": [{ "Name": "朋友 1-1", "Age": 18, "Friends": null }, { "Name": "朋友 1-2", "Age": 34, "Friends": null }] }, { "Name": "不二当", "Age": 27, "Friends": [{ "Name": "朋友 2-1", "Age": 19, "Friends": null }, { "Name": "朋友 2-2", "Age": 19, "Friends": null }] }];
        
        $("#div_Mother").html
        (
            $("#UserTemplate").render(data)
        );
    
</script>


<script type="text/javascript">
$("#go").click(function(){
	 $("#div_Mother").html
     (
         $("#UserTemplate").render(data1)
     );
	 
	
	
	/*$("#go").click(function(){
		 var restUrl = ( Article.baseUrl +"/"+artcletype+"/"+pageSize+"/"+pageNo ) ;
			console.log("restUrl="+restUrl);
			//获取分页内容
			$.ajax({
				  beforeSend:Article.loading,
				  complete:Article.loaded,
				  type: "GET",
				  url: restUrl,
				  dataType: "json",
				  success: function(data){
					  /** 成功构造内容**/
				/*	   $("#div_Mother").render(data)
					} 
				});
		}*/
	
	 })
</script>

</html>